<template>
  <div class="Aside-box">
    <div >
      <el-menu
        :default-active="path"
        class="el-menu-demo"
        mode="horizontal"
        @select="handleSelect"
        background-color="#3c4759"
        text-color="#fff"
        active-text-color="#ffd04b"

         router
      >
        <el-menu-item index="/home">首页</el-menu-item>
        <el-menu-item index="/big">大片</el-menu-item>
        <el-menu-item index="/hk">港片</el-menu-item>
        <el-menu-item index="/PageUSA">欧美</el-menu-item>
        <el-menu-item index="/PageOnly">独家</el-menu-item>
        <el-menu-item index="/Pageinland">内地</el-menu-item>
        <el-menu-item index="/PageHot" style="margin-left:495px;">热门电影</el-menu-item>
      </el-menu>

      
    </div>


  </div>
</template>

<script>
export default {

  data(){
    return{
      //用path绑定路由,显示高亮
      path:this.$route.path
    }
  }
};
</script>

<style>
.Aside-box {
  min-width: 1000px;
  margin: 0 auto;
  margin-top: 20px;
}

</style>